﻿<%@ Page Title="主页" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
    CodeBehind="Default.aspx.cs" Inherits="WebApplication1._Default" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
    <script src="Scripts/jquery-1.4.1-vsdoc.js" type="text/javascript"></script>
    <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
    <link href="css/ui-lightness/jquery-ui-1.8.11.custom.css" rel="stylesheet" type="text/css" />
    <script src="js/jquery-ui-1.8.11.custom.min.js" type="text/javascript"></script>
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
    <fieldset>
        <legend>主题</legend>
        <h4>
            <a href="#" id="add_Theme_Box" style="background-color: Gray; width: 100px;"></a>
            增加主题</h4>
        <div id="main">
            <asp:Repeater ID="rptThemeList" runat="server">
                <HeaderTemplate>
                    <ul>
                </HeaderTemplate>
                <ItemTemplate>
                    <li onclick="Reply('<%# Eval("Content") %>','<%# Eval("Remark") %>')"><span class="time">
                        <%# ((DateTime)Eval("CrDtm")).ToString("yyyy-MM-dd") %></span> <span class="title">
                            <%# Eval("Title") %></span> <span class="content">
                                <%# Eval("Content") %>
                                <hr class="hr" />
                                <span>
                                    <%# Eval("Remark") %></span></span>
                        <div style="clear: both; height: 0px;">
                        </div>
                    </li>
                </ItemTemplate>
                <SeparatorTemplate>
                    <div style="height: 8px;">
                    </div>
                </SeparatorTemplate>
                <HeaderTemplate>
                    </ul>
                </HeaderTemplate>
            </asp:Repeater>
        </div>
    </fieldset>
    <div id="dialog" style="display: none">
        <div id="content_box">
            sdsds</div>
        <div id="re_box">
            sdsddsd</div>
    </div>
    <script type="text/javascript">

        $(function () {
            $('#dialog').dialog({
                autoOpen: false,
                width: 600
            });
        })

        function Reply(content, remark) {
            $('#dialog').dialog('open');
            $('#content_box').html(content);
            $('#re_box').html(remark);
            $('#re_box span').css("background-color", "#dddddd");

        }
    </script>
</asp:Content>
